/*
 *= require_directory ./admin
 *= require ./uikit
 *= require ./codemirror
 *= require ./zenburn
 *= require_self
 */


* {
  box-sizing: border-box;
}

#main {
  padding: 100px 0;
}

.app-navbar {
  background-color: #fff;
  border-bottom: solid 1px #3dc3e6;
  box-shadow: 0 0 1px rgba(0, 0, 0, .1);

  .uk-navbar-brand {
    text-shadow: none;
    background-color: #00a8e6;
    display: block;
    height: 83px;
    margin-right: 40px;
    color: #fff;
  }

  ul {
    padding: 20px 0;
  }

  li {
    &:hover, &.uk-active {
      a {
        color: #fff;
        border: solid 1px transparent;
        background-color: #00a8e6;
      }
    }
    a {
      color: #787878;
      text-shadow: none;
      margin: 0 8px;
      border: solid 1px #00a8e6;
    }
  }
}

.uk-form {
  $danger-color: #c91032!important;
  .field_with_errors {
    input[type=password], input[type=text] {
      border-color: #dc8d99!important;
      background: #fff7f8!important;
      color: $danger-color;
    }

    label {
      color: $danger-color;
    }
  }
  .error_message {
    float: right;
    font-size: 9px;
    color: $danger-color;
    &:before {
      content: '*';
    }
  }
}